import styled from 'styled-components';

export const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: ${props => (props.noPadding ? '0 4rem' : '4rem')};
  text-align: center;
  width: 100%;

  @media (min-width: 768px) {
    flex-direction: row;
    max-width: 116rem;
    padding: ${props => (props.noPadding ? '0 4rem' : '4rem 8rem')};
  }

  @media (max-width: 768px) {
    padding: ${props => (props.noPadding ? '0 4rem' : '0 8rem')};
    text-align: center;
    img {
      max-width: 240px;
    }
  }
`;
